﻿<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>基本信息-公司认证-伯乐网</title>

    <script type="text/javascript">
        var ctx = "http://www.lagou.com";
    </script>
    <link href="style/css/style.css" type="text/css" rel="stylesheet">
    <link href="style/css/external.min.css" type="text/css" rel="stylesheet">
    <link href="style/css/popup.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="style/js/jquery.1.10.1.min.js"></script>
    <script src="style/js/jquery.lib.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="style/js/ajaxfileupload.js"></script>
    <script src="style/js/additional-methods.js" type="text/javascript"></script>
    <!--layer.js-->
    <script type="text/javascript" src="style/js/layer/layer.js"></script>

</head>

<body>
<div id="body">
    <!--引入顶部导航栏-->
    <div th:replace="public/publicFragment::company_top_nav"></div>

    <!--主体部分-->
    <div id="container">
        <div style="" id="stepTip">
            <a></a>
            <img width="803" height="59" src="style/images/tiponce.jpg">
        </div>
        <div class="content_mid">
            <dl class="c_section c_section_mid">
                <dt>
                    <h2><em></em>填写公司信息</h2>
                </dt>
                <dd>
                    <form method="post" action="/savePic" enctype="multipart/form-data">
                        <div class="c_text_1">基本信息为必填项，是求职者加速了解公司的窗口，认真填写吧！</div>
                        <img width="668" height="56" class="c_steps" alt="第一步" src="style/images/step1.png">

                        <!--<h3>公司全称 <span>福建平潭协创进出口贸易有限公司</span></h3>-->

                        <h3>公司名称</h3>
                        <input type="text" placeholder="请输入公司名称" value="" name="name" id="name" class="valid">


                        <h3>公司LOGO</h3>

                        <div class="c_logo c_logo_pos" id="PicDiv">
                            <input id="btn_file" type="file" name="companyPhoto" class="inputPic"
                                   allowexts="gif,jpeg,jpg,png,bmp" accept="image/*" value="">
                            <img id="select_btn" style="width:190px;height: 190px" src="style/images/upload.png"/>
                        </div>
                        <!--                        <span type="hidden" th:text="${session.notSetLogo}" style="font-size: 16px;color: red;margin-left: 25px;"></span>-->
                        <script type="text/javascript">
                            //头像效果预览
                            $(function () {
                                $('#select_btn').click(function () {
                                    $('#btn_file').click();
                                })
                                $('#btn_file').change(function (event) {
                                    var file = event.currentTarget.files[0];

                                    var reader = new FileReader();

                                    reader.onload = function (e) {
                                        document.getElementById('select_btn').src = e.target.result;
                                    }
                                    reader.readAsDataURL(file);
                                })
                            })
                        </script>


                        <h3>公司网址</h3>
                        <input type="text" placeholder="请输入公司网址" value="" name="companyUrl" id="website">

                        <h3>所在城市</h3>
                        <input type="text" placeholder="请输入工作城市，如：北京" name="companyCity" id="city">

                        <h3>行业领域</h3>
                        <div>
                            <input type="hidden" value="" name="companyField" id="select_industry_hidden">
                            <input type="button" value="请选择行业领域" name="select_industry" id="select_industry"
                                   class="select">
                            <div class="dn" id="box_industry" style="display: none;">
                                <ul class="reset">
                                    <li>移动互联网</li>
                                    <li>电子商务</li>
                                    <li>社交</li>
                                    <li>企业服务</li>
                                    <li>O2O</li>
                                    <li>教育</li>
                                    <li>文化艺术</li>
                                    <li>游戏</li>
                                    <li>在线旅游</li>
                                    <li>金融互联网</li>
                                    <li>健康医疗</li>
                                    <li>生活服务</li>
                                    <li>硬件</li>
                                    <li>搜索</li>
                                    <li>安全</li>
                                    <li>运动体育</li>
                                    <li>云计算\大数据</li>
                                    <li>移动广告</li>
                                    <li>社会化营销</li>
                                    <li>视频多媒体</li>
                                    <li>媒体</li>
                                    <li>智能家居</li>
                                    <li>智能电视</li>
                                    <li>分类信息</li>
                                    <li>招聘</li>
                                </ul>
                            </div>
                        </div>

                        <h3>公司规模</h3>
                        <div>
                            <!--隐藏于用于存储选择的内容-->
                            <input type="hidden" value="" name="companyScale" id="select_scale_hidden">
                            <input type="button" value="请选择公司规模" id="select_scale" class="select">
                            <div class="dn" id="box_scale" style="display: none;">
                                <ul class="reset">
                                    <li>少于15人</li>
                                    <li>15-50人</li>
                                    <li>50-150人</li>
                                    <li>150-500人</li>
                                    <li>500-2000人</li>
                                    <li>2000人以上</li>
                                </ul>
                            </div>
                        </div>

                        <h3>发展阶段</h3>
                        <div>
                            <!--隐藏于用于存储选择的内容-->
                            <input type="hidden" id="s_radio_hidden" name="companyStage" value="">
                            <ul class="s_radio clearfix s_radio_ex">
                                <li>未融资</li>
                                <li>天使轮</li>
                                <li>A轮</li>
                                <li>B轮</li>
                                <li>C轮</li>
                                <li>D轮及以上</li>
                                <li>上市公司</li>
                            </ul>
                        </div>


                        <h3>一句话介绍</h3>
                        <input type="text" placeholder="一句话概括公司亮点，如公司愿景、领导团队等，限50字" maxlength="50" name="reserved2" id="temptation">
                        <span style="display:none;" class="error" id="beError"></span>

                        <!--隐藏域存放用户的id-->
                        <input type="hidden" id="userId" name="userId" th:value="${session.user.id}">
                        <input type="submit" value="保存，下一步" id="stepBtn" class="btn_big fr" hidden>
                    </form>
                    <input type="button" value="保存，下一步" id="hidden_submit" class="btn_big fr">
                </dd>
            </dl>
        </div>

        <!--点击下一步按钮后出发的事件-->
        <script src="style/js/step1.min.js" type="text/javascript"></script>
        <div class="clear"></div>
        <input type="hidden" value="13ae35fedd9e45cdb66fb712318d7369" id="resubmitToken">
        <a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
    </div>
    <!-- end #container -->
</div>
<!--引入页面底部备案号-->
<div th:replace="public/publicFragment::footer_nav"></div>

<script src="style/js/core.min.js" type="text/javascript"></script>
<script src="style/js/popup.min.js" type="text/javascript"></script>

</body>

</html>